<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>修改个人资料</title>
		<link
			rel="stylesheet"
			href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"
		/>
		<script
			src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"
			charset="utf-8"
		></script>
	</head>

	<body class="modify">
		<!-- 头部标题 -->
		<header class="header">
			<span id="backBtn">&lt;</span>
			修改个人资料
		</header>
		<!-- 主体 -->
		<main class="main">
			<div class="weui-cells">
				<!-- 更换头像 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>更换头像</span>
					</span>
					<span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
						<label>
							<input type="file" id="avatorBox" style="display: none" />
							<img
								src="../../assets/images/dog.jpg"
								id="avator"
								data-value=""
							/>
						</label>
					</span>
				</div>
				<!-- 昵称 -->
				<div role="option" class="weui-cell">
					<div class="weui-cell__bd">
						<p>昵称</p>
					</div>
					<input class="weui-cell__ft" placeholder="用户名" id="nickname" />
				</div>
				<!-- 性别 -->
				<div
					aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
					class="weui-cell weui-cell_access"
					href="javascript:"
				>
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>性别</span>
					</span>
					<span
						class="weui-cell__ft"
						aria-hidden="true"
						id="gender"
						data-value="0"
						>男</span
					>
				</div>
				<!-- 生日 -->
				<div
					aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
					class="weui-cell weui-cell_access"
					href="javascript:"
				>
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>生日</span>
					</span>
					<span class="weui-cell__ft" aria-hidden="true" id="birthday"
						>未选择</span
					>
				</div>
				<!-- 所在省份 -->
				<div
					aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
					class="weui-cell weui-cell_access"
					href="javascript:"
				>
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>所在省份</span>
					</span>
					<span
						class="weui-cell__ft"
						aria-hidden="true"
						id="province"
						data-value="0"
						>未选择</span
					>
				</div>
				<!-- 所在城市 -->
				<div
					aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
					class="weui-cell weui-cell_access"
					href="javascript:"
				>
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>所在城市</span>
					</span>
					<span
						class="weui-cell__ft"
						aria-hidden="true"
						id="city"
						data-value="0"
						>未选择</span
					>
				</div>
				<!-- 个性签名 -->
				<div
					aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
					class="weui-cell weui-cell_access"
					href="javascript:"
				>
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>个性签名</span>
					</span>
				</div>
				<div class="weui-cells weui-cells_form">
					<div class="weui-cell weui-cell_active">
						<div class="weui-cell__bd">
							<textarea
								id="sign"
								class="weui-textarea"
								maxlength="20"
								placeholder="请填写个性签名"
								rows="3"
							></textarea>
							<div
								role="option"
								aria-live="polite"
								class="weui-textarea-counter"
							>
								<span id="textNum">0</span>/20
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 保存按钮 -->
			<button type="button" class="weui-btn weui-btn_primary" id="saveBtn">
				保存信息
			</button>
		</main>
	</body>
</html>
